<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<td class="centerContainer">
    <div class="c1">
        <div class="c2">
            <div class="top"></div>
        </div>
    </div>

    <div class="content">
        <div class="content-wrapper">
            <a name="main"></a>
            <span id="serch_error">
            </span>
            <div id="pageTitle" class="pageTitleSection">
                <div class="block">
                    <div class="cont">
                        <h2><span>Customer Registration</span></h2>
                    </div>
                </div>
            </div>

            <div class="accountSection">
                <div class="form">
                    <div class="block">
                        <div class="corner1">
                            <div class="corner2">
                                <div class="lineTop"></div>
                            </div>
                        </div>
                        <div class="cont">
                            <!--                            <span id="register_error">
                                                        </span>-->
                            <c:set var="error" value="${requestScope.ERRORMESSAGE}"/>
                            <span>
                                <c:if test="${not empty error}">
                                    <p class="error">${error}</p>
                                </c:if>
                            </span>
                            <form action="ProcessServlet" method="POST">
                                <div class="loginDetails">
                                    <h4>Login Details</h4>
                                    <div class="firstName">
                                        <label class="requiredParameter">Username
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" name="txtUsername" type="text">
                                    </div>
                                    <div class="email">
                                        <label class="requiredParameter">Email
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" name="txtEmail" type="text">
                                    </div>
                                    <div class="confirmEmail">
                                        <label class="requiredParameter">Confirm Email
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" name="txtConfirmEmail" type="text">
                                    </div>

                                    <div class="password">
                                        <label class="requiredParameter">Password
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" value="" name="txtPassword" type="password">
                                    </div>
                                    <div class="confirmPassword">
                                        <label class="requiredParameter">Confirm Password
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" value="" name="txtConfirmPassword" type="password">
                                    </div>
                                </div>
                                <div class="horLine"></div>
                                <div class="personalDetails">
                                    <h4>Personal Details</h4>
                                    <div class="firstName">
                                        <label class="requiredParameter">Full Name
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" name="txtFullname" type="text">
                                    </div>
                                </div>
                                <div class="horLine"></div>
                                <div class="contactDetails">
                                    <h4>Contact Details</h4>
                                    <div class="phone">
                                        <label class="requiredParameter">Phone
                                            <span class="reqIcon"></span>
                                        </label>
                                        <input class="textInput" name="txtPhone" type="text">
                                    </div>
                                </div>
                                <div class="horLine"></div>
                                <input class="middleBtn rightBtn bigBtn" value="Register" type="submit" name="btAction">

                                <div class="nofloat"></div>
                            </form>
                        </div>
                        <div class="corner4">
                            <div class="corner3">
                                <div class="lineBtm"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="c4">
        <div class="c3">
            <div class="btm"></div>
        </div>
    </div>
</td>
